<html>
<head>
<title>example for Canimator</title>
<script type="text/javascript" src="script/Canimator.js"></script>
<link href="style/style.css" rel="stylesheet" type="text/css">
</head>
<body>
<h1>1. basic use</h1>
<div class="item">
<p>this section can help you build a web animation by using Canimation framework.</p>
</div>
<h1>2. position animation</h1>
<div class="item">
</div>
<h1>3. color animation</h1>
<div class="item"></div>
<h1>4. transparent animation</h1>
<div class="item"></div>
<h1>5. composed animation</h1>
<div class="item"></div>
<h1>6. pause, stop, goon and paly animation</h1>
<div class="item"></div>
<h1>7. animation event</h1>
<div class="item"></div>
<h1>8. event listener</h1>
<div class="item"></div>
</body>
</html>